/*
  @created by wy 2019-07-04
  @updated by
  @description main.css
*/
/*01-common sta*/
html,body {min-width:1280px;-webkit-text-size-adjust:none;}
body {background-color:#F7F4F1;margin:0;padding:0;}
body,td,th {font-size:12px;color:#666;outline:none}
body,textarea{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';}
div,ul,li,form,p,h1,h2,h3 {margin:0;padding:0;list-style:none;border:none}
img {border:none;float:left}
iframe{border: none;}
input,textarea,button {outline:none;resize:none}
input::-ms-clear,input::-ms-reveal {display:none!important}
a:link,a:visited {font-size:12px;color:#333;text-decoration:none;outline:none;}
a:hover {color:#FF9451;text-decoration:none;}
a:active {color:#FF9451;}
.cl {clear:both;width:0;height:0;}
.c1 {color:#5557b9;}.c2 {color:#20c098;}.c3 {color:#ff8996;}.c4 {color:#fb8d12;}.c5 {color:#78bc27;}.c6 {color:#687aee;}
.bc1 {background-color:#5557b9;}.bc2 {background-color:#20c098;}.bc3 {background-color:#ff8996;}
.bc4 {background-color:#fb8d12;}.bc5 {background-color:#78bc27;}.bc6 {background-color:#687aee;}
.bdc1 {border-color:#5557b9;}.bdc2 {border-color:#20c098;}.bdc3 {border-color:#ff8996;}
.bdc4 {border-color:#fb8d12;}.bdc5 {border-color:#78bc27;}.bdc6 {border-color:#687aee;}
/*01-common end*/
/*02-frame sta*/
.yu-frame-html,.yu-frame-body,.yu-frame-root,.yu-frame-root>div,#RT_frame,#RT_frame>div,.yu-frame-div{width: 100%; height: 100%; overflow: hidden; position: relative;}
.yu-frame-html,.yu-frame-body{overflow-x: auto;}
.yu-frame-menu{width: 240px;height: 100%;position: absolute;background-color: #2e2e3d;z-index: 4;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);left: 0;top:0;}
.yu-main-box{display: block;margin-left: 240px;padding: 0 0 0 0;height: 100%;overflow: hidden;position: relative;}
.yu-logo-min,.yu-logo-collapse{display: block;box-sizing: border-box; height: 64px; background: url(../common/images/logo_min.svg) left center no-repeat; background-size: 42px auto;background-position: 28px; font-size: 22px;color: #fff;line-height: 64px;white-space: nowrap;overflow: hidden;padding-left: 72px;}
.yu-logo{float: left;height: 42px;margin: 11px 24px;background: url(../common/images/logo.svg) left center no-repeat; background-size: auto 42px;font-size: 22px;color: #222;line-height: 42px;padding-left: 138px;}
.yu-logo-collapse{background-size: 32px auto;width: 64px;background-position: 14px;}
.yu-frame-menu-vertical .el-menu{background-color: transparent;}
.yu-frame-menu-vertical .el-submenu .el-menu{background-color: #232331;}
.yu-frame-menu-vertical .yu-menu-horizontal-scrollarea {height: calc(100% - 64px);}
.yu-frame-menu-vertical .yu-menu-horizontal-scrollarea>div,.yu-menu-horizontal-scrollarea>div>div{height: 100%;}
.yu-frame-menu-vertical .el-menu .el-menu-item,.yu-frame-menu-vertical .el-menu .el-submenu__title{height: 42px;line-height: 42px;color: #9898ac;}
.yu-frame-menu-vertical .el-menu .el-menu-item [class^=el-icon-]{width:16px; margin: 0 10px 0 2px;}
.yu-frame-menu-vertical .el-menu-item:hover,.yu-frame-menu-vertical .el-submenu .el-menu-item:hover,.yu-frame-menu-vertical .el-submenu .el-submenu__title:hover{background-color: rgba(255,255,255,0.05);color: #bfbfdb;}
.yu-frame-menu-vertical .yu-root-level.el-submenu.is-opened>.el-submenu__title{background-color: rgba(255,255,255,0.1);color: #bfbfdb;}
.yu-frame-menu-vertical .el-menu .el-menu-item.is-active{background:linear-gradient(90deg,#FFB552,#FF7A51);color: #fff;}
.yu-frame-menu-collapse .yu-frame-menu{width:60px;}
.yu-frame-menu-collapse .yu-main-box,.yu-frame-menu-hover .yu-main-box{margin-left:60px;}
.yu-frame-menu-collapse .el-menu .el-menu-item>span,.yu-frame-menu-collapse .el-menu .el-submenu__title>span,.yu-frame-menu-collapse .el-menu .el-submenu__title>.el-submenu__icon-arrow{display: none;}
.yu-frame-top-bar{height: 64px;background-color: #fff;box-sizing: border-box;border-bottom: 1px #ededed solid;}
.yu-frame-top-bar-left,.yu-frame-top-bar-right{float: left;height: 63px;}
.yu-frame-top-bar-left{float: left; padding-left: 24px;}
.yu-frame-top-bar-right{float: right;padding-right: 24px;}
.yu-frame-top-bar-left>span,.yu-frame-top-bar-right>span{float: left;position: relative; height: 63px;line-height: 63px;width: 48px;text-align: center;color: #949494;font-size: 20px;transition: .2s;background-color: #fff;cursor: default;}
.yu-frame-top-bar-left>span,.yu-frame-top-bar-right>span.click{cursor: pointer;}
.yu-frame-top-bar-left>span:hover,.yu-frame-top-bar-right>span:hover{background-color: #F7F4F1;}
.yu-frame-top-bar-left>span:active,.yu-frame-top-bar-right>span:active{background-color: #EDE9E5;}
.yu-frame-top-bar-left>span>.el-badge,.yu-frame-top-bar-right>span>.el-badge{position: absolute;line-height: 1;top:18px;right: 10px;}
.yu-frame-top-user{float: left;height: 63px;position: relative;padding-right: 24px;}
.yu-frame-top-user>i{position: absolute;right: 0;float: left;height: 16px;line-height: 16px; width: 16px;text-align: center;top: 50%;margin-top: -8px;color: #949494;font-size: 12px;transition: .2s;}
.yu-frame-top-user:hover>i{display: block;color: #FF9451;transform: rotate(180deg);}
.yu-frame-top-user .pic{float: left; width: 44px;height: 44px; border-radius: 22px;overflow: hidden;background-color: #F0F0F6;margin: 10px 10px 0 20px;}
.yu-frame-top-user .pic>img{float: left; width: 44px;height: 44px; border-radius: 22px;}
.yu-frame-top-user .name-role{float: left;line-height: 20px;margin-top: 12px;font-size: 12px;color: #949494;}
.name-role>b,.name-role>span{float: left;clear: left;white-space: nowrap;max-width: 112px;overflow: hidden;text-overflow: ellipsis;cursor: default;}
.yu-frame-top-user .name-role>b{font-size: 14px;color: #444;font-weight: normal;}
.yu-frame-menu-left .yu-frame-menu{z-index: 2001;}
.yu-frame-menu-right .yu-frame-menu{left: inherit;right: 0;z-index: 2001;}
.yu-frame-menu-right .yu-main-box{margin-left: 0;margin-right: 240px;}
.yu-frame-menu-right.yu-frame-menu-collapse .yu-main-box,.yu-frame-menu-right.yu-frame-menu-hover .yu-main-box{margin-left: 0;margin-right:60px;}
.yu-frame-menu-right .yu-frame-top-bar-left{float: right;padding-left: 0;padding-right: 24px;}
.yu-menu-horizontal{height: 48px;display: block;margin: 0 24px;}
.yu-menu-horizontal>.el-menu--horizontal{background-color: transparent;}
.yu-menu-horizontal>.el-menu>div>.el-menu-item,.yu-menu-horizontal .yu-root-level>.el-submenu__title{font-size: 14px;color: #fff;line-height: 48px;height: 48px;padding: 0 20px;margin-right: 1px;border: none;}
.yu-menu-horizontal>.el-menu>div>.el-menu-item.is-active,.yu-menu-horizontal .el-menu>div>.el-menu-item:hover,
.yu-menu-horizontal .yu-root-level>.el-submenu__title:hover,.yu-menu-horizontal .yu-root-level>.el-submenu__title.is-active,
.yu-menu-horizontal .yu-root-level.is-active>.el-submenu__title{background-color: #FEBE8F;border: none;}
.yu-menu-horizontal .yu-root-level>.el-submenu__title{cursor: default;}
.yu-menu-horizontal .yu-root-level>.el-submenu__title>i{display: none;}
.yu-top-menu-left-icon,.yu-top-menu-right-icon{display: block;float: left;opacity: .5; position: absolute;cursor: pointer;transition: .2s; top: 0; width: 24px;height: 48px;line-height: 48px;font-size: 16px;color: #fff; overflow: hidden;text-align: center;}
.yu-top-menu-left-icon{left: 0;}
.yu-top-menu-right-icon{right: 0;}
.yu-top-menu-left-icon:hover,.yu-top-menu-right-icon:hover{opacity: .85;background-color: rgba(0,0,0,0.05);}
.yu-top-menu-left-icon:active,.yu-top-menu-right-icon:active{opacity: .95;background-color: rgba(0,0,0,0.15);}
.tree-menu .yu-root-level .el-menu{top: 48px;border: none;}
.tree-menu .yu-root-level>.el-menu .el-submenu {float: inherit;}
.tree-menu .yu-root-level .el-submenu,.tree-menu .yu-root-level .el-menu-item{max-width: 200px;width: 200px;}
.tree-menu .yu-root-level .el-submenu .el-menu{left: 200px;top: 0;}
.tree-menu .yu-root-level .el-menu-item,.tree-menu .yu-root-level>.el-menu .el-submenu__title{height: 36px;line-height: 36px;overflow: hidden;font-size: 14px;color: #666;padding: 0 24px;border-bottom: none;}
.tree-menu .yu-root-level .el-menu-item:hover,.tree-menu .yu-root-level>.el-menu .el-submenu__title:hover,.tree-menu .yu-root-level .el-submenu.is-opened .el-submenu__title {color: #FFA767;background-color: #F7F4F1!important;}
.tree-menu .yu-root-level .el-menu-item:active,.tree-menu .yu-root-level>.el-menu .el-submenu__title:active{color: #FFA767;background-color: #EDE9E5!important;}
.tree-menu .yu-root-level .el-submenu__icon-arrow{position: absolute;margin-top: -6px;}
.tree-menu .yu-root-level .el-submenu__icon-arrow::before{transform: rotate(-90deg) scale(.8);position: absolute;}
.tree-menu .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform: rotate(0);color: #FFA767;}
.tile-menu .yu-root-level{position: inherit;}
.tile-menu .yu-root-level>.el-menu{position: absolute;left: -24px!important; width: 100%; box-sizing: border-box;padding: 12px 24px; max-height: 300px;min-height: 100px;top: 48px;border: none; overflow: auto;z-index: 5;background: #fff; background-color:rgba(255, 255, 255, 0.999); box-shadow:0px 3px 6px 0px rgba(0,0,0,0.15);}
.tile-menu .yu-root-level>.el-menu>li{ border-bottom: 1px #ededed dashed;min-height: 30px;overflow: auto;padding: 5px 0;}
.tile-menu .yu-root-level>.el-menu>li:last-child{border-bottom: none;}
.tile-menu .yu-root-level>.el-menu>li>span{float: left;width: 100px;line-height: 30px; min-height: 30px;font-size: 14px;font-weight: bold;margin: 5px 10px;box-sizing: border-box;color: #FF9451;}
.tile-menu .title-item-cursor:hover{cursor: pointer;color: #5557B9;font-weight: normal;text-decoration: underline;}
.tile-menu-list{float: left;width: calc(100% - 120px);}
.tile-menu-list>li{float: left;height: 30px;line-height: 30px;margin: 5px 14px;position: relative;font-size: 14px;color: #666;cursor: pointer;white-space: nowrap;}
.tile-menu-list>li:hover{color: #FFA767;}
.tile-menu-list>li:active{color: #FF9451;}
.tile-menu-list>li::after{position: absolute;float: left;height: 14px;top: 8px;right: -14px;width: 1px;background-color: #666;content: ' ';overflow: hidden;}
.tile-menu-list>li:last-child::after{display: none;}
.yu-frame-tab{display: block;height: calc(100% - 64px);overflow: hidden;position: relative;}
.yu-frame-tabs,.yu-tab-breadcrumb{height: 42px;width: 100%;z-index: 3;top:0; position: absolute; box-shadow:0px 8px 8px -8px rgba(0,0,0,0.25);background-color: #fff;}
.yu-tab-breadcrumb{padding-left: 24px;overflow: hidden;}
.yu-tab-breadcrumb>span{line-height: 42px;}
.yu-frame-tab-box{display: block;height: calc(100% - 42px);overflow: hidden;position: relative;box-sizing: border-box;margin-top: 42px;}
.yu-frame-tab-bottom>.yu-frame-tabs{top: inherit; bottom: 0;box-shadow:0px -8px 8px -8px rgba(0,0,0,0.25);}
.yu-frame-tab-bottom>.yu-frame-tab-box{margin-top: 0;margin-bottom: 42px;}
.yu-frame-tabs>div{display: block; height: 42px; position: relative;}
.yu-frame-tab-box>div,.single-tab{display: none;overflow: auto;height: 100%;padding: 24px;box-sizing: border-box;}
.single-tab{display: block;overflow: auto;position: relative;}
.single-tab>div>div{background-color: #fff;padding-bottom: 12px;}
.yu-tab-breadcrumb+.single-tab{height: calc(100% - 42px);margin-top: 42px;}
.yu-frame-tab-box>div.ck{display: block;}
.yu-frame-tab-box>div>div{position: relative;display: block;}
.yu-frame-tab-box>div>div>div{background-color: #fff;box-shadow:0 0 8px 0 rgba(0,0,0,0.05);padding-bottom: 12px;}
.yu-tab-content{display: block;float: left;margin-left: 24px;}
.yu-tab-content>div{float: left;}
.yu-tab-content>div>span{float: left;height: 40px;line-height: 40px;font-size: 14px;color: #333;user-select: none; padding: 0 20px; border-bottom: 2px transparent solid; overflow: hidden;transition: .2s;cursor: pointer;position: relative;}
.yu-tab-content>div>span:hover{color: #FF9451;border-bottom: 2px #FF9451 solid; background-color: #FDF5ED;}
.yu-tab-content>div>span:active{color: #FF9451;border-bottom: 2px #FF9451 solid;background-color: #FCE6CE;}
.yu-tab-content>div>span.ck{color: #FF9451;border-bottom: 2px #FF9451 solid;}
.yu-tab-content>div>span>i{display: none;float: left;width: 12px;height: 12px;line-height: 12px;text-align: center;font-size: 10px;position: absolute;top: 4px;right: 4px;color: #bbb;}
.yu-tab-content>div>span>i::before{position: absolute;transform: scale(.8,.8);top:0;right: 0;}
.yu-tab-content>div>span:hover>i{display: block;}
.yu-tab-content>div>span>i:hover{color: #FF9451;}
.yu-tab-content>div>span>i:active{color: #FF9451;}
.yu-tab-drop-down-menu-button{float: left;width: 24px;height: 42px;position: relative;transition: .2s;cursor: default;}
.yu-tab-drop-down-menu-button:hover{background-color: #F0F0F6;}
.yu-tab-drop-down-menu-button:active{background-color: #EAEAEA;}
.yu-tab-drop-down-menu-button>i{float: left;width: 20px;height: 42px;padding-left: 4px;position: relative;overflow: hidden;}
.yu-tab-drop-down-menu-button>i::before{float: left;line-height: 48px; position: absolute;transform: rotate(90deg);}
.yu-tab-drop-down-menu-button>div,.yu-tab-contextmenu,.yu-frame-dropdown-menu,.yu-frame-search-type>ul{display:none; text-align: left;cursor: default; position: absolute;z-index: 10;top:43px;left: 0; width: 180px; max-height: 292px;box-sizing: border-box;padding: 10px 0;overflow: auto; background:#fff; box-shadow:0px 3px 6px 0px rgba(0,0,0,0.15); border-radius:4px;}
.yu-tab-contextmenu{width: 120px;}
.yu-tab-drop-down-menu-button:hover>div{display: block;}
.yu-tab-drop-down-menu-button>div>span,.yu-tab-contextmenu>span,.yu-frame-dropdown-menu>span,.yu-frame-search-type>ul>li{display: block;height: 36px;line-height: 36px;font-size: 14px;text-align: left; color: #666;padding: 0 32px 0 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;cursor: pointer;transition: .2s;}
.yu-tab-drop-down-menu-button>div>span:hover,.yu-tab-contextmenu>span:hover,.yu-frame-dropdown-menu>span:hover,.yu-frame-search-type>ul>li:hover{color: #FFA767;background-color: #F7F4F1;}
.yu-tab-drop-down-menu-button>div>span:active,.yu-tab-contextmenu>span:active,.yu-frame-dropdown-menu>span:active,.yu-frame-search-type>ul>li:active{color: #FFA767;background-color: #EDE9E5;}
.yu-tab-drop-down-menu-button>div>span>i{display: none;float: left;width: 16px;height: 16px;line-height: 16px;text-align: center;font-size: 12px;color: #bbb;position: absolute;right: 10px;top: 10px;}
.yu-tab-drop-down-menu-button>div>span:hover>i{display: block;}
.yu-tab-drop-down-menu-button>div>span>i:hover{color: #FF9451;}
.yu-tab-drop-down-menu-button>div>span>i:active{color: #FF9451;}
.yu-frame-menu-top .yu-frame-menu{left: 0;right: 0;height: 48px;width: 100%;top: 64px;box-shadow: 0 0 0 0;background-color: #FF9451;}
.yu-frame-menu-top .yu-main-box{margin-left: 0;margin-right: 0;}
.yu-frame-menu-top .yu-frame-tab{height: calc(100% - 112px);margin-top: 48px;}
.yu-frame-menu-top .yu-frame-top-bar{border-bottom: none;}
.yu-frame-dropdown-menu>hr{height: 1px; background-color: #ededed;display: block;margin: 10px 0;overflow: hidden;padding: 0;border: 0}
.yu-frame-dropdown-menu>h1{clear: left; height: 42px;line-height: 42px;overflow: hidden;color: #666;font-weight: normal;font-size: 14px;padding: 0 24px;}
.yu-frame-dropdown-menu>div{display: block;line-height: 1;}
.yu-frame-dropdown-menu>span::before,.yu-frame-search-type>ul>li::before{float: left; font-size: 18px; padding-right: 8px;color: #d3d3d3;}
.yu-frame-dropdown-menu>span.yu-icon-checked2::before,.yu-frame-search-type>ul>li.yu-icon-checked2::before{color: #FF9451;}
.yu-frame-top-bar-left>span .yu-frame-dropdown-menu,.yu-frame-top-bar-right>span .yu-frame-dropdown-menu,.yu-frame-top-user .yu-frame-dropdown-menu{top: 64px;}
.yu-frame-top-user .yu-frame-dropdown-menu{left: inherit;right: -12px;}
.yu-frame-top-bar-left>span:hover .yu-frame-dropdown-menu,.yu-frame-top-bar-right>span:hover .yu-frame-dropdown-menu,.yu-frame-top-user:hover .yu-frame-dropdown-menu{display: block;}
.yu-frame-themes{width: 288px;cursor: default;max-height: 340px;}
.yu-frame-themes-list,.yu-frame-model-list,.yu-frame-font-list{display: block;padding-left: 24px;}
.yu-frame-themes-list>div,.yu-frame-model-list>div{float: left;cursor: pointer; width: 48px;height: 36px; border-radius: 2px;overflow: hidden; box-sizing: border-box;border: 1px #ededed solid;transition: .2s; background-color: #fff;position: relative;margin:8px 16px 8px 0;}
.yu-frame-themes-list>div{width: 32px;height: 32px;}
.yu-frame-themes-list>div:hover,.yu-frame-model-list>div:hover{border: 1px #d0d0d0 solid}
.yu-frame-themes-list>div:active,.yu-frame-model-list>div:active{border: 1px #ccc solid}
.yu-frame-themes-list>div:last-child,.yu-frame-model-list>div:last-child{margin-right: 0;}
.yu-frame-themes-list>div>span{float: left; width: 28px; height: 28px;margin: 1px;border-radius: 2px;}
.yu-frame-themes-list>div>i{float: left;line-height: 1; position: absolute;font-size: 16px;right: 7px;bottom: 7px;color: #fff;}
.yu-frame-model-list>div>i::before{background-color: #fff;}
.yu-frame-model-list>div>span{float: left;height: 32px;width: 14px; margin: 1px;background-color: #f28c31; overflow: hidden; background-image: url(../common/images/menu_type.png);background-position: 0 0;background-repeat: no-repeat;}
.yu-frame-model-list>div>p{float: left;height: 10px;width: 30px; background-color: #fff;overflow: hidden;position: absolute;top: 1px;right: 1px;}
.yu-frame-model-list>div>b{float: left;height: 22px;width: 30px; background-color: #F5F5F5;overflow: hidden;position: absolute;right: 1px;bottom: 1px;}
.yu-frame-model-list>div>i{float: left;line-height: 1; position: absolute;font-size: 18px;right: 3px;bottom: 3px;color: #f28c31;width: 18px;height: 18px;border-radius: 100%;overflow: hidden;}
.yu-frame-model-list>div>i::before{background-color: #fff;}
.yu-frame-model-list>div.right>span{float: right;}
.yu-frame-model-list>div.right>b{right: 15px;}
.yu-frame-model-list>div.right>p{right: 15px;}
.yu-frame-model-list>div.topTile>span{height: 10px;width: 44px;background-image: none;}
.yu-frame-model-list>div.topTile>b{width: 44px;background-image: url(../common/images/menu_type.png);background-position: 0 -55px;background-repeat: no-repeat;}
.yu-frame-model-list>div.topTree>span{height: 10px;width: 44px;background-image: none;}
.yu-frame-model-list>div.topTree>b{width: 44px;background-image: url(../common/images/menu_type.png);background-position: 0 -33px;background-repeat: no-repeat;}
.yu-frame-model-list>div.topTile>p,.yu-frame-model-list>div.topTree>p{display: none;}
.yu-frame-font-list>span{float: left;line-height: 36px;font-size: 14px;color: #333;margin-right: 24px;cursor: pointer;transition: .2s;}
.yu-frame-font-list>span:hover{color: #FFA767;}
.yu-frame-font-list>span:active{color: #FF9451;}
.yu-frame-font-list>span:last-child{margin-right: 0;}
.yu-frame-font-list>span::before{float: left; font-size: 18px; padding-right: 8px;color: #d3d3d3;}
.yu-frame-font-list>span.yu-icon-checked2::before{color: #f28c31;}
.yu-frame-message{width: 372px;height: 514px;max-height: 514px;left: -100px;overflow: hidden;}
.yu-frame-message .el-tabs__item{height: 42px;line-height: 42px;width: 33.3333%;text-align: center;font-size: 14px;color: #333;padding: 0;}
.yu-frame-message .el-tabs__item.is-active{color:#FF9451;border-bottom: 2px #FF9451 solid;}
.yu-frame-message .el-tabs__header{margin: 0;}
.yu-frame-message .el-tabs__active-bar{background-color: transparent;}
.yu-frame-message .el-tabs__nav{width: 100%;}
.yu-frame-message .el-tabs__nav-wrap::after{height: 1px;background-color: #EDEDED;}
.yu-frame-message-list{display: block;position: relative;height: 420px;overflow: auto;}
.yu-frame-message-list>li{display: block; height: 84px;padding: 10px 0; box-sizing: border-box;border-bottom: 1px #ededed solid;margin: 0;transition: .2s;}
.yu-frame-message-list>li:hover{background-color: #F7F4F1;}
.yu-frame-message-list>li:last-child{border-bottom: none;}
.yu-frame-message-list>li>i{float: left;width: 42px;height: 42px;line-height: 42px;overflow: hidden;border-radius: 21px;font-size: 24px;text-align: center;color: #5557B9;background-color: #CFD0F3;margin: 11px 8px 0 24px;}
.yu-frame-message-list>li>i.todo{color: #FB8D12;background-color: #FCE6CE; }
.yu-frame-message-list>li>p{display: block;margin: 0 24px 0 74px;}
.yu-frame-message-list>li>p>span{display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;line-height: 32px;height: 32px;font-size: 14px;color: #666;}
.yu-frame-message-list>li>p>span>b{color: #444;font-weight: normal;padding-right: 10px;}
.yu-frame-message-list>li>p>span>i{margin-right: 10px;font-size: 12px;font-style: normal;float: left;}
.yu-frame-message-list>li>p>span>a:link,.yu-frame-message-list>li>p>span>a:visited{float: right;font-size: 12px;color: #64647A;padding: 0 10px;transition: .2s; border:1px #BABAE3 solid;border-radius: 10px;height: 20px;line-height: 20px;margin-top: 6px;}
.yu-frame-message-list>li>p>span>a:hover{color: #636CE4;border:1px #636CE4 solid;}
.yu-frame-message-list>li>p>span>a:hover{color: #5557B9;border:1px #5557B9 solid;}
.yu-frame-message-buttons{display: block;height: 42px;position: relative;border-top: 1px #ededed solid;overflow: hidden;}
.yu-frame-message-buttons::after{position: absolute;content: ' ';float: left;width: 1px;height: 100%;background-color: #ededed;left: 50%;top:0;}
.yu-frame-message-buttons>.el-button--text{width: 50%;margin: 0;float: left;height: 41px;line-height: 41px;color:#64647A;font-size:14px;padding: 0;border-radius: 0;transition: .2s;}
.yu-frame-message-buttons>.el-button--text:hover{color:#636CE4;}
.yu-frame-message-buttons>.el-button--text:active{color:#5557B9;}
.yu-frame-search-icon.search-show{cursor: default;}
.yu-frame-search-icon.search-show:hover,.yu-frame-search-icon.search-show:active{background-color: transparent;}
.yu-frame-search{display: none; position: absolute;right: 0;top: 14px;width: 240px;height: 36px;line-height: 1;text-align: left; height: 36px;line-height: 36px;border-radius: 18px;border:1px #D0D0D0 solid;color: #666;font-size: 14px;box-sizing: border-box;}
.yu-frame-search-icon.search-show>.yu-frame-search{display: block;right: 10px;}
.yu-frame-search-type{float: left;width: 70px;position: relative;height: 34px;cursor: default;}
.yu-frame-search-type>span{height: 34px;line-height: 34px;padding: 0 10px;color: #949494;font-size: 14px;}
.yu-frame-search-type>span>i{font-size: 12px;color: #9898AC;margin-left: 5px;position: relative;}
.yu-frame-search-type>span>i::before{position: absolute;transition: .2s;}
.yu-frame-search-type>ul{top:35px;left: 0; min-width: 110px; width: auto;}
.yu-frame-search-type:hover>span{color: #FF9451;}
.yu-frame-search-type:hover>span>i::before{transform: rotate(180deg);color: #FF9451;}
.yu-frame-search-type:hover>ul{display: block;}
.yu-frame-search .el-input{width: 124px;}
.yu-frame-search .el-input__inner{float: left; height: 34px;padding: 3px 0; line-height: 36px;border:none;color: #666;font-size: 14px;text-indent: 0;}
.yu-frame-search>.yu-frame-search-button{position: absolute;float: left;width: 34px;height: 34px;line-height: 34px;border-radius: 18px;text-align: center;font-size: 20px;color:#949494;right: 1px;top: 0;background-color: #fff;}
.yu-frame-search>.yu-frame-search-button:hover{color: #FFB552;}
.yu-frame-search>.yu-frame-search-button:active{color: #FF9451;}
.yu-base-panel{display: block;height: auto; position: relative;}
.yu-base-panel-title{display: block;height: 41px;padding: 0 24px;position: relative;border-bottom: 1px #EDEDED solid;}
.yu-base-panel-content{display: block;height: auto;margin: 12px 24px;}
.yu-base-panel-content.no-margin{margin: 12px 0;}
.yu-base-panel-content.collapse,.yu-base-panel-content.hide{display: none;}
.yu-base-panel-content.show{display: block;}
.yu-base-panel-title>h1{float: left; font-weight: bold;font-size: 14px;color: #444;line-height: 41px;}
.yu-base-panel-collapse,.yu-base-panel-title>a:link,.yu-base-panel-title>a:visited{float: right;font-size: 14px;color: #949494;line-height: 41px;line-height: 41px;cursor: pointer;}
.yu-base-panel-collapse::before{padding-right: 5px;font-size: 16px;float: left;}
.yu-base-panel-collapse:hover,.yu-base-panel-title>a:hover{color: #FFA767;}
.yu-base-panel-collapse:active,.yu-base-panel-title>a:active{color: #FF9451;}
.yu-base-toolbar{display: block;padding-bottom: 12px;}
.yu-base-toolbar>.el-button{margin: 8px 10px 8px 0;}
.yu-form-buttons{display: block;clear: left;padding: 20px 24px;border-top: 1px #EDEDED solid;box-sizing: border-box;}
.yu-form-remarks{display: block;clear: left;}
.yu-form-remarks-title{height: 42px;padding: 0 24px;}
.yu-form-remarks-title>h1{line-height: 42px;font-size: 16px;color: #FB8D12;}
.yu-form-remarks-title>h1::before{float: left;margin-right: 5px;}
.yu-form-remarks-content{line-height: 24px;color: #999;font-size: 14px;padding: 0 24px 24px 24px;}
.yu-form-remarks-content>p{margin: 10px 0;}
.yu-frame-notification { bottom: 12px; right: 28px; top: inherit!important;}
/*02-frame end*/
/*03-old compatible sta*/
.yu-old-compatible{ padding: 24px;}
.yu-old-compatible .yu-toolBar{display: block; padding: 20px 0;}
.yu-grpButton{text-align: center;}
/*03-old compatible end*/
/*04-component rewriting sta*/
.el-table::before,.el-table::after {background-color: #ededed;}
.el-table th{background-color: #FDF4ED;}
.el-table th,.el-table__footer-wrapper thead div, .el-table__header-wrapper thead div,.el-table__fixed-header-wrapper thead div,.el-table__fixed-right-patch{background-color: #FDF4ED;}
.el-table,.el-table--border td, .el-table--border th,.el-table th.is-leaf{border-color: #ededed;font-size: 14px;}
.el-table--enable-row-hover .el-table__body tr:hover>td,.el-date-table td.available:hover,.el-table__body tr.hover-row>td{background-color: #fffaf6;}
.el-table__body tr.current-row>td,.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background-color: #fff1e6;}
.el-button:not(.el-button--text){box-shadow:0px 2px 2px 0px rgba(0,0,0,0.06);transition: .2s;}
.el-button:focus, .el-button:hover {
  color: #FF9451;
  border-color: #FF9451;
}
.el-button:active {
  color: #FF9451;
  border-color: #FF9451;
  outline: 0;
} 
.el-button--default,.search-btn-group .el-button:nth-child(2){background-color: #fff;border-color: #d3d3d3;color: #64647A;}
.el-button--default:hover,.search-btn-group .el-button:nth-child(2):hover,.el-pagination__editor:focus{color: #FFA767;border-color: #FFA767}
.el-button--default:active,.search-btn-group .el-button:nth-child(2):active,.el-button:focus{color: #FF9451;border-color: #FF9451;}
.el-button--primary,.el-button--primary:active{background-color: #FF9451;border-color: #FF9451;color: #fff;}
.el-button--primary:hover,.el-button--primary:focus{background-color: #FFA767;border-color: #FFA767;color: #fff;}
.el-button--text{color: #5DA5FF;}
.el-button--text:hover{color: #636CE4;}
.el-button--text:active{color: #5557B9;}
.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color: #FF9451;border-color: #FF9451;}
.el-input__inner,.el-pagination__sizes .el-input .el-input__inner,.el-pagination .btn-next, .el-pagination .btn-prev,.search-btn-group>span:active,.el-pager li,.el-checkbox__inner,.el-radio__inner,.el-textarea__inner,.el-checkbox__input.is-focus .el-checkbox__inner{border-color: #d3d3d3;}
.el-input__inner:hover,.el-select .el-input__inner:hover,.el-pagination__sizes .el-input .el-input__inner:hover,.el-checkbox__inner:hover,.el-radio__inner:hover,.el-textarea__inner:hover{border-color: #FF9451;}
.el-input__inner:focus,.el-select .el-input__inner:focus,.el-pagination__sizes .el-input .el-input__inner:focus,.el-checkbox__inner:focus,.el-radio__inner:focus,.el-textarea__inner:focus{border-color: #FF9451;}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{background-color: #F7F4F1;}
.el-select-dropdown__item.selected,.el-select-dropdown__item.selected.hover{background-color: #FF9451;}
.el-pagination{text-align: right;padding: 20px 0 8px 0;color: #444;}
.el-pager li:hover,.el-pagination button:hover{color: #FF9451;}
.el-pager li.active{background-color: #FF9451;border-color: #FF9451;color: #fff;}
.search-btn-group>.el-button>i{display: none;}
.search-btn-group>.el-button>span{margin-left: 0;}
.search-btn-group>span{color: #64647A;}
.el-date-table td.current:not(.disabled), .el-date-table td.end-date, .el-date-table td.start-date,.el-month-table td.current:not(.disabled) .cell,.el-year-table td.current:not(.disabled) .cell{background-color: #FF9451!important;}
.search-btn-group>span:hover,.el-date-picker__header-label:hover, .el-picker-panel__icon-btn:hover{color: #FF9451;}
.search-btn-group>span:active,.el-date-picker__header-label:active, .el-picker-panel__icon-btn:active{color: #FF9451;}
.el-date-table td.today:before{border-top: .5em solid #FF9451;}
.el-date-table td.today{color: #FF9451;}
.el-tree-x{border-color: #ededed;}
.el-tree-node__content:hover{background-color: #F7F4F1;}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color: #EDE9E5;}
.el-tree-node__expand-icon:hover::before{border-left-color:#FF9451;}
.el-tabs__nav-wrap::after{background-color: #ededed;}
.el-tabs__nav-wrap.is-top .el-tabs__nav-scroll{margin: 0 24px;}
.el-tabs__active-bar{background-color: #FF9451;}
.el-tabs__item{color: #333;}
.el-tabs__item:hover,.el-tabs__item.is-active{color: #FF9451;}
.el-input.is-disabled .el-input__inner,.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.el-radio__input.is-disabled .el-radio__inner,.el-textarea.is-disabled .el-textarea__inner{background-color: #F0F0F6;border-color:#d3d3d3;}
.el-table__expanded-cell{padding: 20px;background-color: #fff;}
.el-table__expanded-cell:hover{background-color:rgba(247, 244, 241, 0.5)!important;}
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color: #949494;}
.el-breadcrumb__item__inner, .el-breadcrumb__item__inner a{color: #444;}
.el-breadcrumb__item__inner a:hover, .el-breadcrumb__item__inner:hover{color: #5557B9;}
/*04-component rewriting end*/
/*05-dashboard sta*/
.yu-dashboard-container{background-color: transparent!important;}
.yu-frame-tab-box>div>div>div.yu-dashboard-container{background-color: transparent;box-shadow: 0 0 0 0;}
.yu-dashboard-box{display: block;min-height: 162px;overflow-x: hidden; overflow-y: auto;height: auto; background-color: #fff;box-shadow:0 0 8px 0 rgba(0,0,0,0.05);margin-bottom: 24px;transition: .2s;position: relative;}
.yu-dashboard-box:hover{box-shadow:0 0 12px 0 rgba(0,0,0,0.1);}
.yu-dashboard-title{display: block;height: 48px;padding: 0 24px;position: relative;}
.yu-dashboard-title::before{float: left;width:16px; height:16px; position: absolute; left: 0;top: 16px; content: ' '; background:linear-gradient(90deg,#FFB552,#FF7A51); border-radius:0px 8px 8px 0px;}
.yu-dashboard-title::after{float: left;width:6px; height:6px; position: absolute; left: 5px;top: 21px; content: ' ';background-color: #fff;border-radius: 8px;overflow: hidden;}
.yu-dashboard-content{display: block;}
.yu-dashboard-title>h1{float: left; font-weight: normal;font-size: 16px;color: #444;line-height: 48px;}
.yu-dashboard-title>h1>span{display: inline-block;color: #444;margin-right: 16px;height: 46px;line-height: 48px;border-bottom: 2px transparent solid;transition: .2s;cursor: pointer;}
.yu-dashboard-title>a:link,.yu-dashboard-title>a:visited{float: right;font-size: 14px;color: #949494;line-height: 48px;line-height: 48px;}
.yu-dashboard-title>a:hover{color: #FFA767;}
.yu-dashboard-title>a:active{color: #FF9451;}
.yu-dashboard-tools{position: absolute;right: 24px;height: 36px;top: 6px;white-space: nowrap;}
.yu-dashboard-tools>span{display: inline-block; line-height: 34px;height: 36px;cursor: pointer;margin-left: 20px; box-sizing: border-box;font-size: 14px; border-bottom: 2px transparent solid;color: #949494;transition: .2s;}
.yu-dashboard-title>h1>span:hover,.yu-dashboard-tools>span:hover{border-bottom: 2px #FFA767 solid;color: #FFA767;}
.yu-dashboard-title>h1>span:active,.yu-dashboard-title>h1>span.selected,.yu-dashboard-tools>span:active,.yu-dashboard-tools>span.selected{border-bottom: 2px #FF9451 solid;color: #FF9451;}
.yu-dashboard-user{float: left; width: 360px; height: 162px;float: left;background-color: #FF9451;background:linear-gradient(90deg,#FFB552,#FF7A51); overflow: hidden;}
.yu-dashboard-user-pic{float: left;width: 100px;height: 100px;box-sizing: border-box;margin: 31px 0 31px 24px;border:5px solid rgba(255, 255, 255, 0.2);background-color: rgba(255,255,255,0.2);border-radius: 50px;overflow: hidden;}
.yu-dashboard-user-pic>img{float: left;width: 90px;height: 90px;}
.yu-dashboard-user-info{float: left; width: 192px;margin-left: 24px;line-height: 36px;margin-top: 45px;color: #fff;font-size: 16px;}
.yu-dashboard-user-info>b,.yu-dashboard-user-info>span{display: block;clear: left;overflow: hidden;font-weight: normal;}
.yu-dashboard-user-info>span{font-size: 14px;color: #FFE0C5;}
.yu-dashboard-user-tips{float: left;width: calc(100% - 408px);overflow: hidden;height: 100px;margin: 31px 24px;}
.yu-dashboard-user-tips>a{float: left;width: calc(100% / 3 - 1px);height: 100px;overflow: hidden;text-align: center;border-right: 1px #EDEDED solid;}
.yu-dashboard-user-tips>a:last-child{border-right: none;}
.yu-dashboard-user-tips>a>i,.yu-dashboard-user-tips>a>span{display: block;clear: left;position: relative;transition: .2s;}
.yu-dashboard-user-tips>a>i{ font-size: 42px;line-height: 42px;margin: 15px 0 10px 0; color: #949494;}
.yu-dashboard-user-tips>a>i>.el-badge{position: absolute;line-height: 20px;top: -5px;left: 50%;}
.yu-dashboard-user-tips>a>span{font-size: 14px;line-height: 20px;color: #444;}
.yu-dashboard-user-tips>a:hover>i,.yu-dashboard-user-tips>a:hover>span{ color: #FF9451;}
.yu-dashboard-user-tips>a:active>i,.yu-dashboard-user-tips>a:active>span{ color: #FF9451;}
.yu-dashboard-simple-list{display: block;margin: 0 24px;}
.yu-dashboard-simple-list>li{line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yu-dashboard-simple-list>li>a{font-size: 14px;transition: .2s;}
.yu-dashboard-simple-list>li>a>i{line-height: 18px;font-style: normal; padding: 2px 6px;font-size: 12px;background-color: #687AEE;color: #fff;margin-right: 10px;border-radius: 2px;}
.yu-dashboard-simple-list>li>a>i.information{background-color: #687AEE;}
.yu-dashboard-simple-list>li>a>i.notice{background-color: #FB8D12;}
.yu-dashboard-simple-list>li>a>i.announcement{background-color: #20C098;}
.yu-dashboard-scale-left,.yu-dashboard-scale-right{float: left;height: 90px;}
.yu-dashboard-scale-left{width: calc(65% - 24px);margin-left: 24px;}
.yu-dashboard-scale-right{width: calc(35% - 24px);}
.yu-dashboard-scale-left>h2{line-height: 60px;height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-size: 32px;font-weight: normal;}
.yu-dashboard-scale-left>h2>span{font-size: 14px;color: #949494;margin-left: 10px;}
.yu-dashboard-scale-left>div{height: 30px;line-height: 30px;color: #333;font-size: 14px;}
.yu-dashboard-scale-left>div>span{float: left;width: calc(50% - 12px);overflow: hidden;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yu-dashboard-scale-left>div>span:first-child{margin-right: 24px;}
.yu-dashboard-scale-left>div>span>b{font-weight: normal;padding: 0 5px;}
.yu-dashboard-scale-left>div>span>i{font-size: 12px;}
.yu-dashboard-scale-left>div>span.up>b,.yu-dashboard-scale-left>div>span.up>i{color: #F52C36;}
.yu-dashboard-scale-left>div>span.down>b,.yu-dashboard-scale-left>div>span.down>i{color: #11BD19;}
.yu-dashboard-echart-box{display: block;height: 270px;margin: 24px;}
.yu-dashboard-table{margin: 24px;}
.yu-dashboard-down{color: #11BD19;}
.yu-dashboard-up{color: #F52C36;}
.yu-dashboard-down>i,.yu-dashboard-up>i{font-size: 12px;margin-left: 8px;}
/*05-dashboard end*/

.el-slider__bar, .el-slider__button{
  background-color: #FF9451;
}
.avatar-uploader .el-upload:hover {
  border-color: #FF9451;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close{
  color: #FF9451;
}


.el-tree-node__content>.el-tree-node__expand-icon:hover{
  color: #FF9451;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
  color: #FF9451;
}
.yu-icons>a:link, .yu-icons>a:visited{
  float: left;
  width: 22px;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  color: #666;
  font-weight: normal;
  border: 1px #ddd solid;
  border-radius: 3px;
  margin: 5px;
  transition: .2s;
}
.yu-treeMenuTypeM, .yu-treeMenuType1{
  background-color:#FF9451;;
}
.yu-treeMenuTypeD,.yu-treeMenuType2{background-color: #13CE66;}
.yu-treeMenuTypeC,.yu-treeMenuType3{background-color: #F7BA2A;}
.yu-treeMenuTypeF, .yu-treeMenuType4 {
  background-color: #DC25C0;
}
[class^="yu-treeMenuType"], [class*=" yu-treeMenuType"]{padding: 0 3px; border-radius: 3px;margin-right: 3px;color: #fff;overflow: hidden;margin-right: 5px;}